<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../../css/v4/common/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/common/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/detail.css" type="text/css" rel="stylesheet" />
<script src="../../js/v4/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="../../js/v4/jquery.com.js" type="text/javascript"></script>
<!--[if ie 6]><script src="../../js/v4/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>

<body>
	<!-- head -->
    <div class="head_wrap" id="head">
    	<div class="head clearfix">
        <div class="fr rbox">
        		<div class="relative_ope" style="display:none;">
                	<a href="#" class="ope"><img src="../../images/v4/other/avater_30x30.png" class="avater block"  /><span class=" index_bg tip"></span><span class=" index_bg triangle"></span></a>
                    <a href="#" class="index_bg mail">mail</a>
                </div>
                <div class="relative_ope">
                	<a href="#" class="lr login" id="loginSort">登录</a>
                    <a href="#" class="lr reg">注册</a>
                    <div class="ls_box" id="lsBox">
                    	<a href="#"><img src="../../images/v4/other/icon_tt.gif" />微博登录</a>
                        <a href="#"><img src="../../images/v4/other/icon_xl.gif" />微博登录</a>
                        <a href="#"><img src="../../images/v4/other/icon_qq.gif" />QQ登录</a>
                        <span class="up_arrow">arrow</span>
                    </div>
                </div>
            	<div class="index_bg search_box">
            		<input type="text" class="text" />
                    <input type="button" class="button" />
            	</div>
            </div>
        	<a href="#" class="logo fl"><img src="../../images/v4/common/logo.png" class="block" /></a>
            
            
            <ul class="menu clearfix">
            	<li>
                	<a href="#" class="main">首页</a>
                    <div class="drop_menu w200">
                        <div class="clearfix">
                            <a href="#" >热门 </a>
                            <a href="#">达人</a>
                            <a href="#">最新</a>
                            <a href="#">达人</a>
                        </div>
                        <span class="up_arrow">arrow</span>
                    </div>
                </li>
                <li>
                	<a href="#" class="main">发现</a>
                    <a href="#" class="current main child">折扣</a>
                    <a href="#" class="main child">男孩</a>
                    <a href="#" class="main child">女孩</a>
                    <a href="#" class="main child">孕妈妈</a>
                </li>
                <li>
                	<a href="#" class="main">专辑</a>
                    <a href="#" class="main child">试用</a>
                    <a href="#" class="main child">好店</a>
                </li>
                <li class="last">
                    <a href="#" class="main">社区</a>
                    <a href="#" class="main">活动</a>
                </li>
            </ul>
            
        </div>
    </div>
    <!-- head--end-->
    
    <!-- body -->
    
    <div class="w100p pt20 pb35">
    	<div class="w980 mg clearfix">
        	
            <!-- huabao-title -->
            <div class="nav_tit_top">
            	<div class="nav_s1">
                	<a href="#">社区</a>&nbsp;/&nbsp;<a href="#">活动</a>&nbsp;/&nbsp;<a href="#">韩风淘淘的画报</a>
                </div>
                <div class="tit_box">
                	<a href="#" class="title">开学季</a>
                    <div class="rela_nums">
                    	<span>图片<i>(90)</i></span>
                        <span>围观<i>(1071)</i></span>
                    </div>
                </div>
            </div>
            <!-- huabao-title--end-->
        
        	<div class="dc_left">
            	<div class="box_s8">
					<div class=" hb_pd_s1">
                    	<ul class="lay_lr_box hb_c">
                        	<li>
                            	<div class="l_box">
                                	<a href="#" class="pic"><img src="../../images/v4/other/pro_320x211.png" class="block" /></a>	
                                    <a href="#" class="pic"><img src="../../images/v4/other/pro_320x211.png" class="block" /></a>
                                    <a href="#" class="pic"><img src="../../images/v4/other/pro_320x211.png" class="block" /></a>
                                </div>
                                <div class="r_box">
                                	<p class="date">08/17</p>
                                    <p class="info">画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍</p>
                                </div>
                            </li>
                            <li>
                            	<div class="l_box">
                                	<a href="#" class="pic"><img src="../../images/v4/other/pro_320x211.png" class="block" /></a>	
                                    <a href="#" class="pic"><img src="../../images/v4/other/pro_320x211.png" class="block" /></a>
                                </div>
                                <div class="r_box">
                                	<p class="date">08/17</p>
                                    <p class="info">画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍</p>
                                </div>
                            </li>
                            <li class="last">
                            	<div class="l_box">
                                	<a href="#" class="pic"><img src="../../images/v4/other/pro_320x211.png" class="block" /></a>	
                                </div>
                                <div class="r_box">
                                	<p class="date">08/17</p>
                                    <p class="info">画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍画报介绍</p>
                                </div>
                            </li>
                        </ul>
                        
                        <!-- comment -->
                        <div class="comment_rel_s2 hb_comment">
                            <ul class="lay_lr_box">
                                <li>
                                    <div class="l_box">
                                        <a href="#"><img src="../../images/v4/other/avater_30x30.png" class="block" width="30" height="30"></a>
                                    </div>
                                    <div class="r_box">
                                        <a href="#" class="rev_name">果果妈咪</a>
                                        <p class="rev_content">嗯，巴掌脸妹妹们可以尝试一下！</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="l_box">
                                        <a href="#"><img src="../../images/v4/other/avater_30x30.png" class="block" width="30" height="30"></a>
                                    </div>
                                    <div class="r_box">
                                        <a href="#" class="rev_name">果果妈咪</a>
                                        <p class="rev_content">嗯，巴掌脸妹妹们可以尝试一下！</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="l_box">
                                        <a href="#"><img src="../../images/v4/other/avater_30x30.png" class="block" width="30" height="30"></a>
                                    </div>
                                    <div class="r_box">
                                        <a href="#" class="rev_name">果果妈咪</a>
                                        <p class="rev_content">嗯，巴掌脸妹妹们可以尝试一下！</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <!-- comment--end-->
                        
                        <!-- comment-frame -->
                        <div class="com_rev_wrap">
                            <div class="com_rev_box ">
                                <h3>添加回复</h3>
                                <div class="rev_area">
                                	<p class="tip">还能输入<i>140</i>个字</p>
                                    <textarea class="focus"></textarea>
                                    <div class="comment_else_ope">
                                        <input type="button" class="def_btn_s5 fr" value="回 复">
                                        <a href="#"><i class="icon_upload"></i>上传图片</a><a href="#"><i class="icon_face"></i>插入表情</a>
                                        <br class="clear" />
                                    </div>
                                </div>
                                <div class="com_pic_box">
                                	<ul class="clearfix	">
                                    	<li>
                                        	<div class=" pic_box">
                                            	<a href="#" class="close_pic"></a>
                                                <img src="../../images/v4/other/pro_80x80.png" class="block">
                                            </div>
                                        </li>
                                        <li>
                                        	<div class=" pic_box">
                                            	<a href="#" class="close_pic"></a>
                                                <img src="../../images/v4/other/pro_80x80.png" class="block">
                                            </div>
                                        </li>
                                        <li>
                                        	<div class=" pic_box">
                                            	<a href="#" class="close_pic"></a>
                                                <img src="../../images/v4/other/pro_80x80.png" class="block">
                                            </div>
                                        </li>
                                        <li>
                                        	<div class=" pic_box">
                                            	<a href="#" class="close_pic"></a>
                                                <img src="../../images/v4/other/pro_80x80.png" class="block">
                                            </div>
                                        </li>
                                        <li>
                                        	<div class=" pic_box">
                                            	<a href="#" class="close_pic"></a>
                                                <img src="../../images/v4/other/pro_80x80.png" class="block">
                                            </div>
                                        </li>
                                        <li>
                                        	<div class=" pic_box">
                                            	<a href="#" class="close_pic"></a>
                                                <img src="../../images/v4/other/pro_80x80.png" class="block">
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- comment-frame--end -->
                        
                        
                    </div>
                	<div class="shadow"></div>
                </div>
                
                <!-- fanye -->
                <div class="fy_wrap">
                    <ul class="fanye">
                        <li>1</li>
                        <li class="current">2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>....</li>
                        <li>20</li>
                        <li>下一页</li>
                    </ul>
                </div>
                <!-- fanye--end-->
                
            </div>
            
            <!-- right-->
            <div class="dc_right">
            	<div class="box_s9">
                	<div class="home_new com_front">

                            <div class="lay_lr_box basic_info">
                                <div class="l_box">
                                    <a href="#" class="pic"><img src="../../images/v4/other/avater_81x81.png" class="block"></a>
                                </div>
                                <div class="r_box">
                                    <p class="title">
                                        <a href="#">我的天使可以写狮子以写狮子</a>
                                    </p>
                                    <p class="person_rel">
                                        <img src="../../images/v4/other/icon_6.png" class=" daren"> 
                                    </p>
                                    <p class="attach_info">
                                        所在地：上海
                                    </p>
                                </div>
                                <div class="clear"></div>
                                <p class="person_info">
                                    简介：这个家伙很懒，什么都没留下
                                </p>
                                <div class=" home_gz_box mt10">
                                    <a href="#" class="add_gz">+&nbsp;关注</a><span class="already_gz" style="display:none;">已关注</span><a href="#" class="ml10" style="display:none;">取消</a><a href="#" class="send">给TA发私信</a>
                                </div>
                            </div>
                            <div class="home_com_s1">
                                <div class="concern_title">
                                    <span>关注</span><span>粉丝</span><span>收藏</span><span>分享</span>
                                </div>
                                <div class="concern_nums">
                                    <span><a href="#">1</a></span><span><a href="#">46</a></span><span><a href="#">2140</a></span><span><a href="#">2140</a></span>
                                </div>		
                            </div>
                            <div class="add_hb">
                            	<a href="#" class="def_btn_s14">为本画报添加更多图片</a>
                            </div>
                    </div>
                    
                    <div class=" hb_pd_s4">
                        <div class="hb_content_box">
                            <h3>TA的更多画报</h3>
                            <!-- three-pic -->
                            <div class="box_s1" >
                                <div class="pro_box hb_pic_3">
                                    <div class="love_comment_ope">
                                        <a href="#" class="icon_bg">喜欢</a><a href="#" class="icon_bg comment">评论</a>
                                    </div>
                                    <a href="#" class="pic block"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class=" block"></a>
                                    <div class="hb_three_box">
                                        <a href="#" class="fl"><img src="../../images/v4/other/pro_200x301.png" width="100" height="75" class="block"></a>
                                        <a href="#" class="fl"><img src="../../images/v4/other/pro_200x301.png" width="100" height="75" class="block"></a>
                                    </div>
                                </div>
                                <div class="hb_pro_t">
                                     <a href="#" class="title">6月新款 美国代购正品free people限量</a>
                                </div>
                                
                                <div class="hb_pro_info">
                                    <ul class="lay_lr_box">
                                        <li>
                                            <div class="l_box">
                                                <a href="#"><img src="../../images/v4/other/avater_28x28.png" class=" avater block"></a>
                                            </div>
                                            <div class="r_box">
                                                <p class="name">
                                                    <a href="#">寒风滔滔</a>
                                                </p>
                                                <div class="hb_rel_nums">
                                                    <span>围观(<i>1071</i>)</span>
                                                    <span>评论(<i>2</i>)</span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- three-pic--end-->
                            
                            <!-- second-pic-->
                            <div class="box_s1" style="display:none;" >
                                <div class="shadow"></div>
                                <div class="pro_box hb_pic_3">
                                    <div class="love_comment_ope">
                                        <a href="#" class="icon_bg">喜欢</a><a href="#" class="icon_bg comment">评论</a>
                                    </div>
                                    <a href="#" class="pic block"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class=" block"></a>
                                    <div class="hb_two_box">
                                        <a href="#" class="fl"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class="block"></a>
                                    </div>
                                </div>
                                <div class="hb_pro_t">
                                     <a href="#" class="title">6月新款 美国代购正品free people限量</a>
                                </div>
                                
                                <div class="hb_pro_info">
                                    <ul class="lay_lr_box">
                                        <li>
                                            <div class="l_box">
                                                <a href="#"><img src="../../images/v4/other/avater_28x28.png" class=" avater block"></a>
                                            </div>
                                            <div class="r_box">
                                                <p class="name">
                                                    <a href="#">寒风滔滔</a>
                                                </p>
                                                <div class="hb_rel_nums">
                                                    <span>围观(<i>1071</i>)</span>
                                                    <span>评论(<i>2</i>)</span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- second-pic--end-->
                            
                            <!-- one-pic -->
                            <div class="box_s1" style="display:none;">
                                <div class="shadow"></div>
                                <div class="pro_box hb_pic_3">
                                    <div class="love_comment_ope">
                                        <a href="#" class="icon_bg">喜欢</a><a href="#" class="icon_bg comment">评论</a>
                                    </div>
                                    <a href="#" class="pic block"><img src="../../images/v4/other/pro_200x301.png" width="200" height="301" class=" block"></a>
                                </div>
                                <div class="hb_pro_t">
                                     <a href="#" class="title">6月新款 美国代购正品free people限量</a>
                                </div>
                                
                                <div class="hb_pro_info">
                                    <ul class="lay_lr_box">
                                        <li>
                                            <div class="l_box">
                                                <a href="#"><img src="../../images/v4/other/avater_28x28.png" class=" avater block"></a>
                                            </div>
                                            <div class="r_box">
                                                <p class="name">
                                                    <a href="#">寒风滔滔</a>
                                                </p>
                                                <div class="hb_rel_nums">
                                                    <span>围观(<i>1071</i>)</span>
                                                    <span>评论(<i>2</i>)</span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- one-pic--end -->
                            
                        </div>
                    </div>	
                    <div class="shadow"></div>
                </div>	
            </div>
            <!-- right--end-->
            
        </div>
    </div>
    
    <!-- body--end-->
</body>
</html>
